//入口函数
$(function () {
    //给 去登陆 绑定点击事件
    $('#link_reg').on('click', function () {
        //登陆表单隐藏
        $('.login-box').hide()
        //注册表单显示
        $('.reg-box').show()
    })
    $('#link_login').on('click', function () {
        //登陆表单显示
        $('.login-box').show()
        //注册表单影藏
        $('.reg-box').hide()
    })
    //-----------------------------------------
    //2.自定义表单验证

    //获取layui 提供的form 表单对象
    var form = layui.form
    //获取表单验证
    //form.verify（{}）验证核实   form 是layui框架提交的表单对象
    form.verify({
        //检验密码长度
        pwd: [/^[\S]{6,12}$/, '密码须6到12位'], //需要在结构家pwd
        //检验两次密码是否一致
        repwd: function (value) {
            //获取密码框的值
            var pwd = $('#form_reg [name=password]').val()
            if (pwd !== value) {
                return '密码不一致'
            }
        }
    })
    //------------------------------------------
    //3.调用注册接口

    //给注册表单 绑定提交事件
    $('#form_reg').on('submit', function (e) {
        //阻止默认提交行为
        e.preventDefault()
        //收集数据
        var data = {
            username: $('#form_reg [name=username]').val(),
            password: $('#form_reg [name=password]').val()
        }
        //发送ajax请求 调用接口
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: data,
            success: function (res) {
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg(res.message, { icon: 5 });
                }
                //提示注册成功
                layer.alert('恭喜你注册成功', { icon: 1 });
                //显示登陆表单
                $('#link_login').click()
            }
        })
    })
    //----------------------------------------------------
    //完善登陆功能
    //给登陆表单 绑定提交事件
    $('#form_login').on('submit', function (e) {
        //阻止默认行为
        e.preventDefault()
        //收集表单数据
        var data = $(this).serialize()
        // console.log(data);
        //发起ajax请求 调用登陆接口
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: data,
            success: function (res) {
                console.log(res);
                //判断是否成功
                if (res.status !== 0) {
                    return layer.msg(res.message, { icon: 5 });
                }
                //把登陆成功的 token 保存到本地储存中  为以后调接口用
                localStorage.setItem('token', res.token)

                //登陆成功提示框
                layer.alert('恭喜你登陆成功', { icon: 1 });

                //跳转到后台
                location.href = '/index.html'
            }
        })

    })
})
